﻿
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,viewport-fit=cover">
<title> </title>
<link href="css/reset.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet" />
<!-- <link href="css/style2.css" rel="stylesheet" />  -->
<script type="text/javascript" src="js/flexible.js"></script>
</head>
<body>
	<header class="header-title">
	  <span onclick="window.history.back()" class="header-return"><img src="./images/re.png"></span>详情
	</header>
	<div class="header-height"></div>
	<div class="two-wrappy">
		<div class="top_header">
			<div class="bookPic">
				<img src="./images/book.jpg">
			</div>
			<div class="bookContent">
				<div class="p1">书名 <b class="label">1名</b></div>
				<div class="p2">主角：XXX</div>
				<div class="p3">已完结：157.88万字</div>
				<div class="p4"><label>现言萌宝</label><label>连载</label></div>
			</div>
		</div> 
		<div class="tb_box">
			<h2>内容简介</h2>
			<div class="con">
				阳光可爱体育经纪vs清冷孤高花滑天才，当年青梅竹马携手追梦，今日并肩作战重回巅峰。你是世人的冠军，更是我的少年。  <a href="">更多</a>
			</div>
		</div>
		<div class="tb_box_1">
			目录 
			<span class="tr"> 共625章> </span>
		</div>
		<div class="tb_box_2">
			打赏记录
			<img class="pic" src="./images/book.jpg">
			<img class="pic" src="./images/book.jpg">
			<img class="pic" src="./images/book.jpg">
			<img class="pic" src="./images/book.jpg">
		</div>
		<div class="tb_box_3">
			<h2 class="title">猜你喜欢</h2>
			<div class="tb_row clearfix">
				<div class="item">
					<img src="./images/book.jpg">
					<h2>xxx</h2>
				</div>
				<div class="item">
					<img src="./images/book.jpg">
					<h2>xxx</h2>
				</div>
				<div class="item">
					<img src="./images/book.jpg">
					<h2>xxx</h2>
				</div>
				<div class="item">
					<img src="./images/book.jpg">
					<h2>xxx</h2>
				</div>
				<div class="item">
					<img src="./images/book.jpg">
					<h2>xxx</h2>
				</div>
			</div>
		</div>
		<div class="tb_box_4">
			我是有底线的，去书库看看
		</div>

		<div class="tow_footer">
			<div class="left">
				<div class="item" onclick="click_grade()">
					<img src="./images/i_0.png">
					<p>评分</p>
				</div>
				<div class="item">
					<img src="./images/i_1.png">
					<p>评分</p>
				</div>
				<div class="item active">
					<img src="./images/i_3.png">
					<p>加入书架</p>
				</div>
			</div>
			<a class="right" href="./du.html">开始阅读</a>
		</div>
		<div class="bottom_height"></div>
	</div>



	<!-- 评分弹窗 -->
		<div class="shade_box"></div>
		<div class="xingxingbox">
			<h1>评分</h1>
			<div id="startone" class="block clearfix">
				<div class="star_score"></div>
			</div>
			<div class="new_btn_box">
				<a class="btn" href="javascript:" onclick="hideBox()">取消</a>
				<a class="btn" href="javascript:" id="grade_btn">确定</a>
			</div>
 
		</div>
<script src="./js/jquery-1.11.3.min.js"></script>
<script src="./js/starScore.js"></script>
<script type="text/javascript">
	// 评分
scoreFun($("#startone"))

$("#grade_btn").click(function(){
	alert(gradeNum)
	hideBox()
})

function hideBox(){
	$(".shade_box").hide();
	$(".xingxingbox").hide();

}
function click_grade(){
	$(".shade_box").show();
	$(".xingxingbox").show();
}
</script>
</body>

</html>